import React, { useEffect, useState } from "react";
import { useNavigate, Outlet, Link } from 'react-router-dom'
import { LeftOutline, CloseCircleOutline, MoreOutline } from 'antd-mobile-icons'
import './css/indent.css'
import { Tabs, Card } from 'antd-mobile'
const indent = () => {
    let navigate = useNavigate()
    // onClick={() => navigate('/indent/payment')}
    return (
        <>
            <div className="indent_div">
                <div className="indent_top_div">
                    <div>
                        <LeftOutline className="indent_left_icon" onClick={() => navigate('/chen/layout/my')} />
                        <span>我的订单</span>
                    </div>
                    {/* <div className="indent_icon_div">
                        <MoreOutline className="indent_icon" />
                        |
                        <CloseCircleOutline className="indent_icon" />
                    </div> */}
                </div>
                <div className="indent_nav_div">

                    <Tabs>
                        <Tabs.Tab title='全部' key='all'>
                            {/* <div className="indent_all_div">
                                <div className="indent_one_div">
                                    <Card
                                        onClick={() => linkIndent()}
                                        title={<div className="divvv" style={{ fontWeight: 'normal' }}>
                                            订单号：DL00000001
                                            <span>待付款</span>
                                        </div>}
                                        style={{ borderRadius: '16px' }}
                                    >
                                        <div>
                                            <img src="../../img/9.jpg" alt="" />
                                            <p>纯天然大盘股来自大自然的天然产物</p>
                                        </div>
                                    </Card>
                                </div>
                            </div> */}
                        </Tabs.Tab>
                        <Tabs.Tab title='待付款' key='payment'>
                            {/* <Outlet></Outlet> */}
                        </Tabs.Tab>
                        <Tabs.Tab title='待收货' key='consignee'>
                            {/* <Outlet></Outlet> */}
                        </Tabs.Tab>
                        <Tabs.Tab title='已完成' key='perform'>
                            {/* <Outlet></Outlet> */}
                        </Tabs.Tab>
                        <Tabs.Tab title='已取消' key='cancel'>
                            {/* <Outlet></Outlet> */}
                        </Tabs.Tab>
                    </Tabs>
                </div>

            </div>
        </>
    )
}
export default indent